<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../fonts/iconfont.css">
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/vp-data.css">
</head>
<body>
<div id="wrap">
    <div id="header">
        <div class="header">
            <div class="container">
                <a href="http://www.vpgame.com"><div class="logo"></div></a>
                <div class="language dropdown pull-right">
                    <a class="btn-link" data-toggle="dropdown" data-hover="dropdown" aria-haspopup="true" aria-expanded="true">
                        <i class="                                        country-cn
                                     active country-icon">
                        </i>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="/match.html?lang=en_us">
                                <i class="country-icon country-gb"></i>English(英语)
                            </a>
                        </li>
                    </ul>
                </div>
                <div id="user-welcome">    <div class="pull-left mt-10 un-login">
                    <a href="/login.html" class="mr-20">登录</a>
                    <a href="/register.html" class="mr-20">注册新用户</a>
                </div>
                    <script>

                        if($){
                            $('#user-menu-panel').dropdownHover();
                        }
                    </script></div>
            </div>
        </div>
        <div class="nav">
            <div class="container ">
                <ul>
                    <li class="first ">
                        <a href="http://www.vpgame.com"><p><i class="index-icon"></i></p>首页</a>
                    </li>
                    <li class="active">
                        <a href="http://dota2.vpgame.com/guess.html"><p><i class="spinach-icon"></i></p>DOTA2竞猜</a>
                    </li>
                    <li>
                        <a href="http://dota2.vpgame.com/match.html?category=csgo"><p><i class="csgo-spinach-icon"></i></p>CS:GO竞猜</a>
                    </li>


                    <li>
                        <a href="http://dota2.vpgame.com/league.html">
                            <p>
                                <i class="hall-icon"></i>
                            </p>
                            赛事                                    </a>
                    </li>
                    <li>
                        <a href="http://market.vpgame.com"><p><i class="market-icon"></i></p>饰品市场</a>
                    </li>
                    <li>
                        <a href="http://dota2.vpgame.com/event/dota.html"><p><i class="news-icon"></i></p>V视角</a>
                    </li>
                    <li>
                        <a href="http://dota2.vpgame.com/roll.html"><p><i class="roll-icon"></i></p>ROLL饰品</a>
                    </li>
                    <li class="last ">
                        <a href="/user/my.html"><p><i class="user-icon"></i></p>我的VP</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="bodyer">
        <div class="vp-data-nav">
            <div class="container">
                <ul>
                    <li class="active"><a href="###">首页</a></li>
                    <li class=""><a href="###">战队</a></li>
                    <li class=""><a href="###">赛事</a></li>
                    <li class=""><a href="###">玩家</a></li>
                </ul>
            </div>
        </div>
        <div class="container">
            <!--------------------------vp-data------------------>
            <div class="vp-index-quiz">
                <div class="vp-quiz-left quiz-list pull-left">
                    <div class="vp-data-menu">
                        <div class="vp-data-date">
                            <div class="vp-data-datePrev"></div>
                            <div class="vp-data-dateNext"></div>
                            <ul class="vp-data-date-list">
                                <li class="vp-data-date-listItem active">
                                    <a href="###">
                                        <p class="date">5-16</p>
                                        <p class="weekday">星期日</p>
                                    </a>
                                </li>
                                <li class="vp-data-date-listItem">
                                    <a href="###">
                                        <p class="date">5-16</p>
                                        <p class="weekday">星期日</p>
                                    </a>
                                </li>
                                <li class="vp-data-date-listItem">
                                    <a href="###">
                                        <p class="date">5-16</p>
                                        <p class="weekday">星期日</p>
                                    </a>
                                </li>
                                <li class="vp-data-date-listItem">
                                    <a href="###">
                                        <p class="date">5-16</p>
                                        <p class="weekday">星期日</p>
                                    </a>
                                </li>
                                <li class="vp-data-date-listItem">
                                    <a href="###">
                                        <p class="date">5-16</p>
                                        <p class="weekday">星期日</p>
                                    </a>
                                </li>
                                <li class="vp-data-date-listItem">
                                    <a href="###">
                                        <p class="date">5-16</p>
                                        <p class="weekday">星期日</p>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <h6 class="vp-data-dateDetail f0 text-left">
                        <i class="iconfont icon-datenew"></i><span>5-18</span><span class="vp-data-theweekday">星期日</span>
                    </h6>
                    <ul id="quiz-list" class="mt20 mb20">
                        <li>
                            <a href="http://www.vpgame.com/match/10047334.html?category=">
                                <div class="nav-list-head">
                                    <div class="nav-list-head-left">
                                        <i class="dota-icon"></i>
                                        <span class="tournament-name pull-left">小组赛C组 第一轮</span>
                                        <span class="vp-data-timeStart">[9:00]</span>
                                    </div>
                                    <div class="nav-list-head-right status-normal green" data-time="1467693000">9 小时后</div>
                                </div>
                                <div class="nav-list-body">
                                    <div class="spinach-item vp-data-spinach-item">
                                        <div class="spinach-item-team pull-left">
                                            <div class="spinach-item-img pull-right">
                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/1559aaa3b.jpg" alt="Newbee.Young">
                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="Newbee.Young">Newbee.Young</span>
                                                </p>
                                                <span class="spinach-odds vp-data-leftRed">1371<i class="iconfont icon-approval vp-data-approvalRed"></i></span>
                                            </div>
                                        </div>
                                        <div class="spinach-item-vs">
                                            <div class="td">
                                                <p class="vp-data-score">1 : 0</p>
                                                <p class="spinach-item-bo vp-data-bo">BO2</p>
                                            </div>
                                        </div>
                                        <div class="spinach-item-team pull-right">
                                            <div class="spinach-item-img pull-left">
                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/221cf100.png" alt="VG.R">
                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="VG.R">VG.R</span>
                                                </p>
                                                <span class="spinach-odds vp-data-rightGreen">3266<i class="iconfont icon-approval vp-data-approvalGreen"></i></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="spinach-league-img">
                                        <img src="http://thumb.vpgcdn.com/crop/220x100/577952.png" width="220" height="99" alt="">
                                        <b class="opacity-b"></b>
                                    </div>
                                </div>
                            </a>
                            <div class="vp-data-gameOperateWrap">
                                <ul class="vp-data-gameOperate">
                                    <li class="vp-data-analysisBefore">
                                        <a href="###">赛前分析</a>
                                    </li>
                                    <li class="vp-data-gameGuess">
                                        <a href="###">比赛竞猜</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <a href="http://www.vpgame.com/match/10047346.html?category=">
                                <div class="nav-list-head">
                                    <div class="nav-list-head-left">
                                        <i class="dota-icon"></i>
                                       <span class="tournament-name pull-left">小组赛C组 第一轮</span>
                                        <span class="vp-data-timeStart">[9:00]</span>
                                    </div>
                                    <div class="nav-list-head-right status-normal" data-time="1467693720">进行中</div>
                                </div>
                                <div class="nav-list-body">
                                    <div class="spinach-item vp-data-spinach-item">
                                        <div class="spinach-item-team pull-left">
                                            <div class="spinach-item-img pull-right">

                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/2172234b.png" alt="ThunderRobot Gaming">

                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="ThunderRobot Gaming">ThunderRobot Gaming</span>
                                                </p>
                                                <span class="spinach-odds vp-data-leftRed">1371<i class="iconfont icon-approval vp-data-approvalRed active"></i></span>
                                            </div>
                                        </div>
                                        <div class="spinach-item-vs">
                                            <div class="td">

                                                <p class="spinach-item-bo vp-data-bo">BO2</p>
                                            </div>
                                        </div>
                                        <div class="spinach-item-team pull-right">
                                            <div class="spinach-item-img pull-left">

                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/1566e68b9.png" alt="Avalon_Club">

                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="Avalon_Club">Avalon_Club</span>
                                                </p>
                                                <span class="spinach-odds vp-data-rightGreen">3266<i class="iconfont icon-approval vp-data-approvalGreen active"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="spinach-league-img">
                                        <img src="http://thumb.vpgcdn.com/crop/220x100/577952.png" width="220" height="99" alt="">
                                        <b class="opacity-b"></b>
                                    </div>
                                </div>
                            </a>
                            <div class="vp-data-gameOperateWrap">
                                <ul class="vp-data-gameOperate" id="vp-data-gameOperate">
                                    <li class="vp-data-gameGuess">
                                        <a href="###">比赛竞猜</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <a href="http://www.vpgame.com/match/10047355.html?category=">
                                <div class="nav-list-head">
                                    <div class="nav-list-head-left">
                                        <i class="dota-icon"></i>
                                       <span class="tournament-name pull-left">小组赛C组 第一轮</span>
                                        <span class="vp-data-timeStart">[9:00]</span>
                                    </div>
                                    <div class="nav-list-head-right status-normal green" data-time="1467700200">9 小时后</div>
                                </div>
                                <div class="nav-list-body">
                                    <div class="spinach-item vp-data-spinach-item">
                                        <div class="spinach-item-team pull-left">
                                            <div class="spinach-item-img pull-right">

                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/14e22f661.png" alt="CDEC.Youth">

                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="CDEC.Youth">CDEC.Youth</span>
                                                </p>
                                                <span class="spinach-odds vp-data-leftRed">1371<i class="iconfont icon-approval vp-data-approvalRed"></i></span>
                                            </div>
                                        </div>
                                        <div class="spinach-item-vs">
                                            <div class="td">

                                                <p class="spinach-item-bo vp-data-bo">BO2</p>
                                            </div>
                                        </div>
                                        <div class="spinach-item-team pull-right">
                                            <div class="spinach-item-img pull-left">

                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/1483a4fe1.png" alt="TongFu">

                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="TongFu">TongFu</span>
                                                </p>
                                                <span class="spinach-odds vp-data-rightGreen">3266<i class="iconfont icon-approval vp-data-approvalGreen"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="spinach-league-img">
                                        <img src="http://thumb.vpgcdn.com/crop/220x100/577952.png" width="220" height="99" alt="">
                                        <b class="opacity-b"></b>
                                    </div>
                                </div>
                            </a>
                            <div class="vp-data-gameOperateWrap">
                                <ul class="vp-data-gameOperate">
                                    <li class="vp-data-analysisBefore">
                                        <a href="###">赛前分析</a>
                                    </li>
                                    <li class="vp-data-gameGuess">
                                        <a href="###">比赛竞猜</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <a href="http://www.vpgame.com/match/10047370.html?category=">
                                <div class="nav-list-head">
                                    <div class="nav-list-head-left">
                                        <i class="dota-icon"></i>
                                        <span class="tournament-name pull-left">小组赛C组 第一轮</span>
                                        <span class="vp-data-timeStart">[9:00]</span>
                                    </div>
                                    <div class="nav-list-head-right status-locked" data-time="1467700200">已结束</div>
                                </div>
                                <div class="nav-list-body">
                                    <div class="spinach-item vp-data-spinach-item">
                                        <div class="spinach-item-team pull-left">
                                            <div class="spinach-item-img pull-right">

                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" alt="Ehome.Luminous">

                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="Ehome.Luminous">Ehome.Luminous</span>
                                                </p>
                                                <span class="spinach-odds vp-data-leftRed">1371<i class="iconfont icon-approval vp-data-approvalRed active"></i></span>
                                            </div>
                                        </div>
                                        <div class="spinach-item-vs">
                                            <div class="td">

                                                <p class="spinach-item-bo vp-data-bo">BO2</p>
                                            </div>
                                        </div>
                                        <div class="spinach-item-team pull-right">
                                            <div class="spinach-item-img pull-left">

                                                <img width="91" height="55" src="http://thumb.vpgcdn.com/crop/91x55/15016114a.png" alt="FTD.C">

                                                <i class="spinach-status-lose"></i>
                                            </div>
                                            <div class="spinach-item-data">
                                                <p class="spinach-item-name vp-data-spinach-itemName ellipsis">
                                                    <span class="ellipsis spinach-name-length" title="FTD.C">FTD.C</span>
                                                </p>
                                                <span class="spinach-odds vp-data-rightGreen">3266<i class="iconfont icon-approval vp-data-approvalGreen active"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="spinach-league-img">
                                        <img src="http://thumb.vpgcdn.com/crop/220x100/577952.png" width="220" height="99" alt="">
                                        <b class="opacity-b"></b>
                                    </div>
                                </div>
                            </a>
                            <div class="vp-data-gameOperateWrap">
                                <ul class="vp-data-gameOperate">
                                    <li class="vp-data-gameGuess">
                                        <a href="###">比赛竞猜</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <!---------------------今日焦点赛事---------------------->
                <div class="quiz-light-rank pull-right">
                    <div class="index-nav-head text-left">
                        <span class="f-14">今日焦点赛事</span>
                    </div>
                    <h6 class="vp-data-gameDetail">TI6国际精英邀请赛 总决赛 <span class="color-green pull-right">2 小时后</span></h6>
                    <div class="vp-data-todayEvent clearfix">
                        <div class="pull-left">
                            <div class="spinach-item-img vp-data-w70">
                                <img width="70" height="42" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" alt="Ehome.Luminous">
                                <div class="spinach-item-intro">
                                    <p class="vp-data-todayEvent-teamName">
                                        <i class="vp-data-todayEvent-redLeft"></i>
                                        <span class="ellipsis">
                                            EHOME
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="vp-data-todayEvent-vs">
                            <div class="td">
                                <p class="vp-data-todayEvent-bo">BO2</p>
                            </div>
                        </div>
                        <div class=" pull-right">
                            <div class="spinach-item-img vp-data-w70">
                                <img width="70" height="42" src="http://thumb.vpgcdn.com/crop/91x55/15016114a.png" alt="FTD.C">
                                <div class="spinach-item-intro">
                                    <p class="vp-data-todayEvent-teamName">
                                        <i class="vp-data-todayEvent-greenRight"></i>
                                        <span class="ellipsis">FTD.C</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="vp-data-todayEvent-approval">
                        <div class="vp-data-todayEvent-approvalVsWrap">
                            <p class="vp-data-todayEvent-approvalRed">支持率</p>
                            <p class="vp-data-todayEvent-approvalGreen">支持率</p>
                            <div class="vp-data-todayEvent-vsWrap">
                                <div class="vp-data-todayEvent-approvalLeft">
                                    <i class="iconfont icon-approval"></i>
                                    <p>
                                        <span class="ellipsis thesumoflike">855655014</span><span>人</span>
                                    </p>
                                </div>
                                <i class="vp-data-todayEvent-approvalVs">VS</i>
                                <div class="vp-data-todayEvent-approvalRight">
                                    <i class="iconfont icon-approval"></i>
                                    <p>
                                        <span class="ellipsis thesumoflike">84655014</span><span>人</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="todayEvent-list">

                        <li class="todayEvent-list-Item">
                            <a class="todayEvent-list-link" href="">
                                <b></b>
                                火猫直播
                                <i class="iconfont icon-golink"></i>
                            </a>
                        </li>

                        <li class="todayEvent-list-Item">
                            <a class="todayEvent-list-link" href="">
                                <b></b>
                                斗鱼直播
                                <i class="iconfont icon-golink"></i>
                            </a>
                        </li>

                        <li class="todayEvent-list-Item">
                            <a class="todayEvent-list-link" href="">
                                <b></b>
                                单车老师赛前分析
                                <i class="iconfont icon-golink"></i>
                            </a>
                        </li>

                        <li class="todayEvent-list-Item">
                            <a class="todayEvent-list-link" href="">
                                <b></b>
                                VP-DATA大数据全景展现
                                <i class="iconfont icon-golink"></i>
                            </a>
                        </li>

                        <li class="todayEvent-list-Item">
                            <a class="todayEvent-list-link" href="">
                                <b></b>
                                竞猜入口
                                <i class="iconfont icon-golink"></i>
                            </a>
                        </li>

                        <li class="todayEvent-list-Item">
                            <a class="todayEvent-list-link" href="" style="border-bottom: none;">
                                <b></b>
                                V视角看比赛
                                <i class="iconfont icon-golink"></i>
                            </a>
                        </li>
                    </ul>

                    <!---------------------胜率---------------------->
                    <div class="quiz-light-rank-over">
                        <div class="index-nav-head text-left">
                            <span class="f-14">近期胜率高TOP10</span>
                        </div>
                        <h6 class="clearfix vp-data-recentRate-title">
                            <p class="pull-left">排名</p>
                            <p class="pull-left">战队</p>
                            <p class="pull-left">胜率</p>
                        </h6>
                        <ul class="index-light-list" id="index-light-list">

                            <li class="guess-rank-media" data-list="1">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">1</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class="even guess-rank-media" data-list="2">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">2</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class=" guess-rank-media" data-list="3">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">3</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class="even guess-rank-media" data-list="4">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class=" guess-rank-media" data-list="5">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">5</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class="even guess-rank-media" data-list="6">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">6</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class=" guess-rank-media" data-list="7">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">7</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class="even guess-rank-media" data-list="8">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">8</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class=" guess-rank-media" data-list="9">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">9</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                            <li class="even guess-rank-media" data-list="10">
                                <div class="media-left media-middle vp-data-rank">
                                    <span class="guess-rank-list">10</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img class="vp-data-rank-avatar" src="http://thumb.vpgcdn.com/crop/91x55/150be3b2b.png" width="50" height="30" alt="loser">
                                </div>
                                <div class="media-body vp-data-rank-body">
                                    <div class="guess-rank-content vp-data-rank-content">
                                        <div class="mb5">
                                            <h4 class="media-heading ellipsis">
                                                <span title="loser">loser</span>
                                            </h4>
                                        </div>
                                        <p><span class="font-green">14胜</span> - <span class="font-red">3负</span></p>
                                    </div>
                                </div>
                                <div class="media-right media-middle vp-data-rank-contentRight">
                                    50%
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="footer">
        <div class="container">
            <div class="clearfix">
                <a class="app-download" href="###">
                    <p>
                        下载手机端                            </p>
                    <img src="http://static.dota2.vpgcdn.com/img/vpgame-weixin.jpg" width="71" height="71" alt="">
                </a>
                <dl class="footer-link">
                    <dt>功能介绍</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">饰品竞猜</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">ROLL活动</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">赛事平台</a>
                    </dd>
                </dl>
                <dl class="footer-link">
                    <dt>新手帮助</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=78&amp;lang=zh_cn">竞猜教程</a>
                    </dd>
                    <dd>
                        <a href="http://www.vpgame.com/help/new.html?id=582&amp;lang=zh_cn">存取教程</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=85&amp;lang=zh_cn">市场教程</a>
                    </dd>
                </dl>
                <dl class="footer-link">
                    <dt>关于我们</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&amp;lang=zh_cn">VPGAME</a>
                    </dd>
                    <dd>
                        <a href="javascript:void(0);">联系我们</a>
                    </dd>
                    <dd>
                        <a href="/job" target="_bank">招贤纳士</a>
                    </dd>
                </dl>
                <dl class="footer-link">
                    <dt>投诉建议</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/user/ticket.html">举报不良信息</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/user/ticket.html">投诉玩家</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/user/ticket.html">意见反馈</a>
                    </dd>
                </dl>                    </div>
            <hr>
            <div class="footer-bottom">
                <div class="clearfix">
                    <p class="copyright">
                        Copyright©2014 <a href="http://dota2.vpgame.com">vpgame.com</a>  All rights reserved.  浙ICP备14028335号-2<br>
                        增值电信业务经营许可证：浙B2-20140286                                &nbsp;&nbsp;&nbsp;Powered by <a target="_blank" href="http://www.steampowered.com/">Steam</a>
                    </p>
                    <div class="pull-right">
                                <span class="telephone">
                                    客服热线：<i class="telephone-number" style="font-size:18px;font-family: Arial;background:none;">400-800-6676</i>

                                </span>
                                <span class="cooperate-email ml10">
                                    <span class="telephone">
                                        商务合作：
                                    </span>
                                </span>
                        <ul class="vp-share">
                            <li>
                                <a target="_blank" href="http://weibo.com/vpgame" class="sina"></a>
                                <a target="_blank" href="https://www.facebook.com/VPGAMEPAGE" class="facebook"></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="friendly-link">
                    <span class="pull-left">友情连接：</span>
                    <p class="friendly-link-content">
                        <a href="http://www.dota2rpg.com" target="_blank">DOTA2RPG</a>
                        <a href="http://dota2.766.com/" target="_blank">星竞界dota2</a>
                        <a href="http://fight.pcgames.com.cn/dota2/" target="_blank">太平洋游戏dota2</a>
                        <a href="http://games.sina.com.cn/dota2/index.shtml" target="_blank">新浪dota2</a>
                        <a href="http://gg.163.com/" target="_blank">易竞技</a>
                        <a href="http://dota2.178.com/" target="_blank">178dota2</a>
                        <a href="http://dota2.766.com/" target="_blank">766dota2</a>
                        <a href="http://dota2.tgbus.com/" target="_blank">巴士dota2</a>
                        <a href="http://dota2.replays.net/" target="_blank">锐派dota2</a>
                        <a href="http://www.gk99.com/" target="_blank">游戏港口</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div id="affix-nav">
        <ul class="affix-nav">
            <li class="n-qq"><a id="vpgameqq"><i class="vpgameqq-i"></i><p class="vpgameqq-text">在线客服</p></a></li><li class="n-top" id="scroll-up" title="回到顶部" style="display: none;">
            <a href="###"><i></i></a>
        </li>
        </ul>
    </div>
</div>
</body>
</html>